<!--
 * @Author: Islands 1430536748@qq.com
 * @Date: 2024-07-14 20:02:57
 * @LastEditors: 周洋 1430536748@qq.com
 * @LastEditTime: 2024-08-21 09:57:34
 * @version: 1.2.0
 * @Description: 首页
-->
<script setup lang="ts">
const title = ref('Islands');
</script>
<template>
    <el-card>
        <div class="box">
            <!-- <Avatar :src="avatar" shape="circle" :size="80" /> -->
            <div class="title">
                <span class="font-bold font-size-4">早安，{{ title }}, 今天又是充满活力的一天!</span>
                <em class="font-size-3">今日多云转晴，20℃ - 25℃!</em>
            </div>
        </div>
    </el-card>



</template>
<style scoped lang="scss">
.box {
    display: flex;
    align-items: center;
}

.title {
    display: flex;
    flex-direction: column;
    line-height: 25px;
}
</style>